<template>
  <div class="div0">
    <van-row>
      <van-col span="8"><router-link to="/set"><van-icon name="arrow-left" />返回设置</router-link></van-col>
      <van-col span="8">通知</van-col>
      <van-col span="8"></van-col>
    </van-row>
  </div>
  <div>
    <van-divider />
  </div>
  <div class="div3">
    <font size="1" color="#d4d6cd">全局</font>
  </div>

  <div>
    <div>

    </div>
    <div class="div1">

      <van-cell center title="开启通知" class="van">
        <template #right-icon>
          <van-switch v-model="checked" size="24" />
        </template>
      </van-cell>

    </div>
    <div class="div3">
      <font size="1" color="#d4d6cd">通知详情</font>
    </div>

    <div class="div1">
      <van-cell-group>
        <van-cell title="点赞" icon="volume-o" is-link to="/sign" class="van" />
      </van-cell-group>
      <van-cell-group>
        <van-cell title="收藏" icon="user-o" is-link to="/about" class="van" />
      </van-cell-group>

    </div>
    <div class="div3">
      <font size="1" color="#d4d6cd">其他平台通知</font>
    </div>
    <div>

      <van-cell center title="新浪微博" class="van">
        <template #right-icon>
          <van-switch v-model="checked" size="24" />
        </template>
      </van-cell>

    </div>
    <div>

      <van-cell center title="QQ" class="van">
        <template #right-icon>
          <van-switch v-model="checked" size="24" />
        </template>
      </van-cell>

    </div>
    <div>

      <van-cell center title="微信" class="van">
        <template #right-icon>
          <van-switch v-model="checked" size="24" />
        </template>
      </van-cell>

    </div>
  </div>
</template>

<script>
export default {
  name: "InformView",
  data() {
    return {
      checked: true
    }
  }
}
</script>

<style scoped>
.div0{
  margin-top: 30px;
  margin-bottom: 20px;
}
.div1{
  margin-bottom: 20px;
}
.div3{
  text-align: left;
  margin-left: 20px;
}
.van{
  min-width: 70%;
  text-align: left;
}

</style>